<!DOCTYPE HTML>
<html>
<head>
	<title>{%if $lan eq 'zh'%}{%$title_zh%}{%else%}{%$title_en%}{%/if%}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="{%$keyword%}" />
	<meta name="description" content="{%$description%}"/>
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<link href="templates/css/button.css" rel='stylesheet' type='text/css' />
	<link href="templates/css/bootstrap.css" rel='stylesheet' type='text/css' />
	<link href='https://fonts.googleapis.com/css?family=Open+Sans:700,700italic,800,300,300italic,400italic,400,600,600italic' rel='stylesheet' type='text/css'>
	<!--Custom-Theme-files-->
	<link href="templates/css/style.css" rel='stylesheet' type='text/css' />
	<script src="templates/js/jquery.min.js"> </script>
	<!--/script-->
	<script type="text/javascript" src="templates/js/move-top.js"></script>
	<script type="text/javascript" src="templates/js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
			});
		});
	</script>

</head>
<body>
	<!-- header-section-starts -->
	{%include file="top.html"%}
	<div class="full">
		<div class="col-md-9 main" style="width: 100%;">
			<div style="float: left">
				{%include file="left.html"%}
			</div>
			<div class="col-md-9 main" style="float: right">
				<div class="banner-section" style="width: 100%;border-right: 0px;">
					<h3 class="tittle">{%$tit%} <i class="glyphicon glyphicon-user"></i></h3>
					<!--/top-news-->
					<div class="top-news">
						<div class="about-content">
							{%$content.content%}
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
				<!--/footer-->
				{%include file="foot.html"%}
				<div class="clearfix"> </div>
			</div>
		</div>
		<div class="clearfix"> </div>
	</div>
	<script type="text/javascript">
		$(document).ready(function() {
			$().UItoTop({ easingType: 'easeOutQuart' });

		});
	</script>
	<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>
</html>